let productId = sessionStorage.getItem("productId");
$(function () {

    $.ajax({
        url:"http://localhost:8080/back/product/findById",
        data:{"id":productId},
        headers:{'username':localStorage.getItem("loginUser")},
        dataType:"json",
        success:function (res) {

            console.log("产品编辑页面根据id返回的数据",res)
            setData(res.data)
        }
    })
})


//设置数据到产品编辑页面
function setData(data) {


    layui.use(['upload', 'element', 'layer', 'layedit', 'form'], function () {
        var $ = layui.jquery
            , upload = layui.upload
            , element = layui.element
            , layer = layui.layer
            , form = layui.form
            , layedit = layui.layedit;




        //给下拉列表框赋值
        $("#productType").find("option:contains('"+data.typeName+"')").prop("selected",true);
        //刷新select选择框渲染，因为layui的原因，所以需要渲染
        form.render('select');

        $("#productName").val(data.name);

        $("#forWho").val(data.forWho);

        // $("#demo1").attr("src", "http://localhost:8080"+data.imgHref);
        $("#demo1").attr("src", "../../img/chenpipaigu.jpg");

        $("#productNormalPrice").val(data.normalPrice);

        //单选按钮，选中用prop
        if(data.enable == 1){
            console.log("data.enable的值等于",data.enable)
            $("input[type=radio][name=enable][value='启用']").prop("checked","checked");
        }else{
            $("input[type=radio][name=enable][value='停用']").prop("checked","checked");
        }

        //一定要渲染一次,让数据填充成功
        form.render("radio");
        layedit.set({
            uploadImage: {
                url: 'http://localhost:8080/back/product/upload' //接口url
            }
        });

        //建立编辑器
        var build = layedit.build('productDesc');
        //向富文本编辑器中传入描述值
        layedit.setContent(build, data.description);
        // layedit.setContent(build, data.description+"http://localhost:63342/front_page/html/img/ql.jpg");
        // build.setContent(sessionStorage.getItem("desc"))


        //常规使用 - 普通图片上传
        var uploadInst = upload.render({
            elem: '#test1'

            , url: 'http://localhost:8080/back/product/upload' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
              ,  headers:{'username':localStorage.getItem("loginUser")}
            , before: function (obj) {
                //预读本地文件示例，不支持ie8
                obj.preview(function (index, file, result) {
                    $('#demo1').attr('src', result); //图片链接（base64）
                });

            }
            , done: function (res) {
                //如果上传失败
                if (res.code != 200) {
                    return layer.msg('上传失败');
                }
                sessionStorage.setItem("imgHref",res.data);
                //上传成功的一些操作
                //……
                $('#demoText').html(''); //置空上传失败的状态
            }
            , error: function () {
                //演示失败状态，并实现重传
                var demoText = $('#demoText');
                demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
                demoText.find('.demo-reload').on('click', function () {
                    uploadInst.upload();
                });
            }
            //进度条
            , progress: function (n, elem, e) {
                element.progress('demo', n + '%'); //可配合 layui 进度条元素使用
                if (n == 100) {
                    layer.msg('上传完毕', {icon: 1});
                }
            }
        });

        //监听修改提交
        //提交编辑内容
        form.on('submit(edit)',
            function (data) {
                /*data.field.enable = (data.field.enable == '启用')?1:0;
                 let attr = $('input[type="checkbox"][name="hobby"]:checked').each(function () {
                     hobby.push($(this).attr("title"));
                 })*/
                //js向对象中添加新的属性
                data.field.id = productId;
                data.field.description = layedit.getContent(build);
                data.field.imgHref = sessionStorage.getItem("imgHref");
                data.field.enable = (data.field.enable == '启用')?1:0;
                console.log("提交的内容", data.field);

                $.ajax({
                    url: "http://localhost:8080/back/product/update",
                    type: "post",
                    headers:{'username':localStorage.getItem("loginUser")},
                    data:  JSON.stringify(data.field),
                    contentType:"application/json",
                    dataType: "json",
                    success: function (res) {
                        if (res.msg == "success") {
                            //发异步，把数据提交给php
                            layer.alert("修改成功", {
                                    icon: 6
                                },
                                function () {
                                    //关闭当前frame
                                    xadmin.close();

                                    // 可以对父窗口进行刷新
                                    xadmin.father_reload();
                                });
                        } else {
                            layer.alert("修改失败");
                        }
                    }
                })


                return false;
            });

    });
}